<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>中国近代史科普</title>
        <style>
            /* 全部样式 */
            html {
                font-family: "microsoft yahei,arial, helvetica, sans-serif";
                font-size: 16px;
                background-image: url('../images/10.jpg'); /* 设置背景图片 */
                background-size: cover; /* 覆盖整个页面 */
                background-position: center; /* 居中显示 */
                background-attachment: fixed; /* 固定背景，不随滚动条滚动 */
            }
            * {
                margin: 0;
                padding: 0;
                list-style: none;
            }
            a {
                text-decoration: none;
                color: #000;
            }
            .auto {
                margin: 0 auto;
            }
            .clearfix::after {
                content: '';
                display: block;
                clear: both;
            }
            /* 网页样式 */
            .top1 {
                height: 60px;
                background-color: rgb(200, 16, 16);
                opacity: 0.8;
            }
            .top1 li {
                width: 150px;
                height: 60px;
                line-height: 60px;
                text-align: center;
                float: left;
            }
            .top1 li a {
                color: #fff;
                display: block;
            }
            .top1 li a:hover {
                color: gold;
                font-weight: 700;
            }
            .top1 li a.active {
                color: gold;
                font-size: 20px;
                background-color: #ff6c6c;
                font-weight: 700;
            }
            .footer {
                height: 60px;
                line-height: 60px;
                text-align: center;
                background-color: rgb(200, 16, 16);
                color: #fff;
            }
            
            .content-wrapper {
                position: relative;
                z-index: 1;
                background-color: rgba(255, 255, 255, 0.8); /* 半透明背景 */
                padding: 20px;
                margin: 20px auto;
                width: 900px; 
            }
            
            .discipline-direction h1 {
                text-align: center;
                color: #121467;
                margin-bottom: 10px;
                padding: 0;
                font-size: 30px;
                font-weight: normal;
            }
            .discipline-direction1 {
                background-color: #eea274;
                margin: 10px auto;
                width: 850px;
                height: 40px;
                background-position: center;
                opacity: 0.6;
            }
            .discipline-direction1 pre {
                text-align: center;
                padding-top: 10px;
                font-size: 15px;
                font-weight: bolder;
                color: #0b0b1b;
            }
            .discipline-direction img {
                display: block;
                margin: 20px auto;
            }
            section {
                padding: 20px;
            }
            .discipline-direction2 pre {
                width: 850px;
                font-size: 17px;
                max-width: 960px;
                margin-left: auto;
                margin-right: auto;
                white-space: pre-wrap;
                line-height: 2.0;
            }
            
            hr {
                margin: 10px 0;
                border: 0;
                height: 1px;
                background-color: #d6d4d4;
                width: 800px;
            }
            .xin{
                text-align: center;
                font-weight: 500;
                font-size: 18px;
                margin-top: 0;
                padding-bottom: 10px;
            }
            /* 默认样式（亮色模式） */

            body {
                  background-image: url('../images/10.jpg'); /* 亮色背景 */
                  color: #000; /* 亮色文字 */
                  background-size: cover; /* 覆盖整个页面 */
                  background-position: center; /* 居中显示 */
                  background-attachment: fixed; /* 固定背景，不随滚动条滚动 */
                  transition: background-color 0.3s, color 0.5s; /* 平滑过渡效果 */
            }
             /* 暗色模式样式 */
            body.dark-mode {
              background-image: url('../images/41.jpg');
              color: #323232; /* 暗色文字 */
            }
            /* 暗色模式下其他元素的样式调整 */
            .dark-mode .top1 {           
              background-color: #333;
            }
            .dark-mode .footer {
              background-color: #333;
            }
            #back-to-top {
                display: none;
                position: fixed;
                bottom: 20px;
                right: 20px;
                padding: 10px 20px;
                background-color: #4e90f3;
                color: #fff;
                border: none;
                cursor: pointer;    
                border-radius: 5px;
            }
        </style>
        <script>
            window.onload = function() {
            const navLinks = document.querySelectorAll('.top1 li a');
              // 为每个导航链接添加点击事件
              navLinks.forEach(link => {
                link.addEventListener('click', function() {
                  // 移除所有链接的高亮样式      
                  navLinks.forEach(link => {    
                    link.classList.remove('active');    
                  });   
                  // 给当前点击的链接添加高亮样式   
                  this.classList.add('active');  
                });  
              });
              navLinks[0].classList.add('active');
            }
          </script>
    </head>
    <body>
        <ul class="top1 auto clearfix">
            <li><a href="../index.html">首页</a></li>
            <li><a href="../part1/partone.html">鸦片战争</a></li>
            <li><a href="../part2/parttwo.html">辛亥革命</a></li>
            <li><a href="../part3/partthree.html">五四运动</a></li>
            <li><a href="../part4/Anti-JapaneseWar.html">抗日战争</a></li>
            <li><a href="../part5/partfive.html">中华人民共和国成立</a></li>
            <li style="float: right;"><a href="message.html">留言</a></li>
        </ul>
        
        <div class="content-wrapper">
            <section class="discipline-direction">
                <h1>长征精神</h1>
                <div class="discipline-direction1">
                    <pre>来源：《党史博览》2021年第4期      作者：中 文</pre>
                </div>
                <div class="discipline-direction2">
                    <pre>
    长征是土地革命战争时期，红军主力从长江南北各革命根据地向陕甘革命根据地进行的战略转移。
    红军长征是分6批从5个地区出发的，××批是由红7军团组成的北上抗日先遣队，1934年7月从中央革命根据地向赣东北前进。其后各批是：红6军团于1934年7月下旬离开湘赣革命根据地；中央红军（红一方面军）于同年10月离开中央革命根据地；红25军于同年11月离开鄂豫皖革命根据地；红四方面军于1935年3月离开川陕革命根据地；红2、红6军团（1936年7月，与红32军合编成红二方面军）于同年11月离开湘鄂川黔革命根据地。
    1935年10月19日，红一方面军克服难以想象的经济、军事等困难，行程二万五千里，胜利到达陕甘革命根据地。1936年8月，红四方面军和红二方面军先后到达甘肃南部地区。中共中央和中革军委决定，乘敌人尚未全部集中和部署就绪之际，迅速实现三大主力红军会师。1936年10月，红二、红四方面军分别在甘肃会宁和静宁以北的将台堡（今属宁夏）地区与红一方面军会师，标志着红军长征胜利结束。
    2016年10月21日，习近平总书记在纪念红军长征胜利80周年大会上发表重要讲话，指出：长征这一人类历史上的伟大壮举，留给我们可宝贵的精神财富，就是中国共产党人和红军将士用生命和热血铸就的伟大长征精神。
    伟大长征精神，就是把全国人民和中华民族的根本利益看得高于一切，坚定革命的理想和信念，坚信正义事业必然胜利的精神；就是为了救国救民，不怕任何艰难险阻，不惜付出一切牺牲的精神；就是坚持独立自主、实事求是，一切从实际出发的精神；就是顾全大局、严守纪律、紧密团结的精神；就是紧紧依靠人民群众，同人民群众生死相依、患难与共、艰苦奋斗的精神。
    伟大长征精神，作为中国共产党人红色基因和精神族谱的重要组成部分，已经深深融入中华民族的血脉和灵魂，成为社会主义核心价值观的丰富滋养，成为鼓舞和激励中国人民不断攻坚克难、从胜利走向胜利的强大精神动力。
                    </pre>
                </div>
                <img src="../images/34.jpg">
                <pre class="xin">1937年，毛泽东、周恩来、博古（右一）等在延安</pre>
                <img src="../images/35.jpg">
                <pre class="xin">中央红军长征出发时经过的瑞金武阳桥</pre>
                <img src="../images/36.jpg">
                <pre class="xin">红军长征时爬过的雪山</pre>
                <img src="../images/37.jpg">
                <pre class="xin">红军长征时走过的茫茫水草地</pre>
                <img src="../images/38.jpg">
                <pre class="xin">红一、红二、红四方面军团以上干部的合影</pre>
                <img src="../images/39.jpg">
                <pre class="xin">结束长征到达陕北的红一方面军一部</pre>
                <img src="../images/40.jpg">
                <pre class="xin">红二方面军部分人员在长征途中于贵州大定（今大方）合影</pre>
            </section>
        </div>
        <button id="back-to-top" style="display: none; position: fixed; bottom: 20px; right: 20px;">回到顶部</button>
        <script>
            window.onscroll = function() { scrollFunction() };
          
            function scrollFunction() {
              if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                document.getElementById("back-to-top").style.display = "block";
              } else {
                document.getElementById("back-to-top").style.display = "none";
              }
            }
          
            document.getElementById("back-to-top").onclick = function() {
              window.scrollTo({top: 0, behavior: 'smooth'});
            };
          </script>
        <div class="theme-switcher" >
            <button id="theme-toggle">切换主题</button>
        </div>
        <script>
          document.getElementById('theme-toggle').addEventListener('click', function() {
            var body = document.body;
            body.classList.toggle('dark-mode');
          });
        </script>
        <div class="footer auto">
            东北林业大学 © 2024 中国近代史科普
        </div>
    </body>
</html>